<template>
    <div class="row">
        <div class="col-md-3 d-flex">
            <div class="card instructor-card w-100">
                <div class="card-body">
                    <div class="instructor-inner">
                        <h6>课程数量</h6>
                        <h4 class="instructor-text-success">12</h4>
                        <!-- <p>Earning this month</p> -->
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3 d-flex">
            <div class="card instructor-card w-100">
                <div class="card-body">
                    <div class="instructor-inner">
                        <h6>班级数量</h6>
                        <h4 class="instructor-text-info">22</h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3 d-flex">
            <div class="card instructor-card w-100">
                <div class="card-body">
                    <div class="instructor-inner">
                        <h6>学生数量</h6>
                        <h4 class="instructor-text-warning">22</h4>
                        <!-- <p>Rating this month</p> -->
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3 d-flex">
            <div class="card instructor-card w-100">
                <div class="card-body">
                    <div class="instructor-inner">
                        <h6>已授课时</h6>
                        <h4 class="instructor-text-warning">22</h4>
                        <!-- <p>Rating this month</p> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card instructor-card">
                <div class="card-header">
                    <h4>Earnings</h4>
                </div>
                <div class="card-body">
                    <div id="instructor_chart"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card instructor-card">
                <div class="card-header">
                    <h4>Order</h4>
                </div>
                <div class="card-body">
                    <div id="order_chart"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="settings-widget">
                <div class="settings-inner-blk p-0">
                    <div class="sell-course-head comman-space">
                        <h3>Best Selling Courses</h3>
                    </div>
                    <div class="comman-space pb-0">
                        <div class="settings-tickets-blk course-instruct-blk table-responsive">

                            <table class="table table-nowrap mb-0">
                                <thead>
                                    <tr>
                                        <th>COURSES</th>
                                        <th>SALES</th>
                                        <th>AMOUNT</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="sell-table-group d-flex align-items-center">
                                                <div class="sell-group-img">
                                                    <a href="course-details.html">
                                                        <img src="assets/img/course/course-10.jpg" class="img-fluid "
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="sell-tabel-info">

                                                    <p><a href="course-details.html">Information
                                                            About UI/UX Design Degree</a></p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>34</td>
                                        <td>$3,145.23</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="sell-table-group d-flex align-items-center">
                                                <div class="sell-group-img">
                                                    <a href="course-details.html">
                                                        <img src="assets/img/course/course-11.jpg" class="img-fluid "
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="sell-tabel-info">
                                                    <p><a href="course-details.html">Wordpress for
                                                            Beginners - Master Wordpress Quickly</a>
                                                    </p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>34</td>
                                        <td>$3,145.23</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="sell-table-group d-flex align-items-center">
                                                <div class="sell-group-img">
                                                    <a href="course-details.html">
                                                        <img src="assets/img/course/course-12.jpg" class="img-fluid "
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="sell-tabel-info">
                                                    <p><a href="course-details.html">Sketch from A
                                                            to Z (2022): Become an app designer</a>
                                                    </p>
                                                </div>
                                            </div>
                                        </td>
                                        <td>34</td>
                                        <td>$3,145.23</td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>